www.gusucode.com > PHP展示型企业网站模板米拓整站源码 1.0PHP源码程序 > PHP展示型企业网站模板米拓整站源码 1.0/MetInfozs_v1.0/MetInfozs_v1.0/app/system/include/public/examples/select-linkage/jquery.cityselect.js
define(function(require1, exports, module) { /* Ajax 三级省市联动 http://code.ciaoca.cn/ 日期:2012-7-18 settings 参数说明 ----- url:省市数据josn文件路径 prov:默认省份 city:默认城市 dist:默认地区(县) nodata:无数据状态 required:必选项 ------------------------------ */ (function($){ $.fn.citySelect=function(settings){ if(this.length<1){return;}; // 默认值 settings=$.extend({ url:null, prov:null, city:null, dist:null, nodata:null, required:true },settings); var box_obj=this; var prov_obj=box_obj.find(".prov"); var city_obj=box_obj.find(".city"); var dist_obj=box_obj.find(".dist"); var prov_val=settings.prov; var city_val=settings.city; var dist_val=settings.dist; var select_prehtml=(settings.required) ? "" : "<option value=''>请选择</option>"; //var select_prehtml="<option value=''>请选择</option>";//metinfo xiugai var city_json; // 赋值市级函数 var cityStart=function(){ var prov_id=prov_obj.get(0).selectedIndex; if(!settings.required){ prov_id--; }; city_obj.empty().attr("disabled",true); dist_obj.empty().attr("disabled",true); if(prov_id<0||typeof(city_json.citylist[prov_id].c)=="undefined"){ if(settings.nodata=="none"){ city_obj.css("display","none"); dist_obj.css("display","none"); }else if(settings.nodata=="hidden"){ city_obj.css("visibility","hidden"); dist_obj.css("visibility","hidden"); }; return; }; // 遍历赋值市级下拉列表 temp_html=select_prehtml; $.each(city_json.citylist[prov_id].c,function(i,city){ var tn = city.n.name?city.n.name:city.n; var tv = city.n.value?city.n.value:city.n; temp_html+="<option value='"+tv+"'>"+tn+"</option>"; }); city_obj.html(temp_html).attr("disabled",false).css({"display":"","visibility":""}); distStart(); }; // 赋值地区(县)函数 var distStart=function(){ var prov_id=prov_obj.get(0).selectedIndex; var city_id=city_obj.get(0).selectedIndex; if(!settings.required){ prov_id--; city_id--; }; dist_obj.empty().attr("disabled",true); if(prov_id<0||city_id<0||typeof(city_json.citylist[prov_id].c[city_id].a)=="undefined"){ if(settings.nodata=="none"){ dist_obj.css("display","none"); }else if(settings.nodata=="hidden"){ dist_obj.css("visibility","hidden"); }; return; }; // 遍历赋值市级下拉列表 temp_html=select_prehtml; $.each(city_json.citylist[prov_id].c[city_id].a,function(i,dist){ var tn = dist.s.name?dist.s.name:dist.s; var tv = dist.s.value?dist.s.value:dist.s; temp_html+="<option value='"+tv+"'>"+tn+"</option>"; }); dist_obj.html(temp_html).attr("disabled",false).css({"display":"","visibility":""}); }; var init=function(){ // 遍历赋值省份下拉列表 temp_html=select_prehtml; $.each(city_json.citylist,function(i,prov){ var tn = prov.p.name?prov.p.name:prov.p; var tv = prov.p.value||prov.p.value==''?prov.p.value:prov.p; temp_html+=prov.p=="请选择"?"<option value=''>"+tn+"</option>":"<option value='"+tv+"'>"+tn+"</option>"; }); prov_obj.html(temp_html); // 若有传入省份与市级的值,则选中。(setTimeout为兼容IE6而设置) setTimeout(function(){ if(settings.prov!=null){ prov_obj.val(settings.prov); cityStart(); setTimeout(function(){ if(settings.city!=null){ city_obj.val(settings.city); distStart(); setTimeout(function(){ if(settings.dist!=null){ dist_obj.val(settings.dist); }; },1); }; },1); }; },1); setTimeout(function(){ if(!settings.prov){ prov_obj.val(prov_obj.find("option:eq(0)").attr("value")); } },2); // 选择省份时发生事件 prov_obj.bind("change",function(){ cityStart(); }); // 选择市级时发生事件 city_obj.bind("change",function(){ distStart(); }); }; // 设置省市json数据 if(typeof(settings.url)=="string"){ $.getJSON(settings.url,function(json){ city_json=json; init(); }); }else{ city_json=settings.url; init(); }; }; })(jQuery); })